<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s"  uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
	
	<link rel="stylesheet" href="jquery/jquery.mobile-1.0a4.1.min.css" />
	<link rel="stylesheet" href="css/my_style.css"/>
	<script type="text/javascript" src="jquery/jquery-1.5.2.min.js"></script>
	<script type="text/javascript" src="jquery/jquery.mobile-1.0a4.1.min.js"></script>
	<script type="text/javascript">
	
	//触发category下拉列表事件
	$(document).ready(function()
	{ 
		var areaNo=0;
		$("#areaNo").change(function(){
			areaNo=$('#areaNo').val();
			location='index.action?categoryNo=<s:property value="categoryNo"/>&city=<s:property value="city"/>&areaNo='+areaNo;
	
			});
		
		$("#back").click(function(){
			areaNo=$('#areaNo').val();
			location='index.action?categoryNo=<s:property value="categoryNo"/>&city=<s:property value="city"/>&areaNo='+areaNo;
			});
		$("#back_btn").click(function(){
			areaNo=$('#areaNo').val();
			location='index.action?categoryNo=<s:property value="categoryNo"/>&city=<s:property value="city"/>&areaNo='+areaNo;
			});
		
		
	});
	
	
	</script>

</head>
<body>
<div data-role="page" data-theme="e">

	<div data-role="header" data-theme="e">
		<h1>查询类别</h1>
		<a id="back"  data-role="button" data-icon="back" data-direction="reverse" data-iconpos="notext" >回退</a> 
	</div><!-- /header -->
	
	<div data-role="content">
		<fieldset data-role="controlgroup">
			<select name="areaNo" id="areaNo" data-native-menu="false">
	         		<option value='1000' >1公里</option>
	         		<option value='2000' selected="selected" >2公里</option>
	         		<option value='3000' >3公里</option>
	         		<option value='4000' >4公里</option>
	        	</select>
			<a id="back_btn"  data-role="button" data-theme="b">OK</a>
		</fieldset>   
	</div>
</div>


</body>
</html>
